import type { FilterItem } from '@/components/FilterBar/types'
import { ref } from 'vue'

export const filterOptions = ref<Array<FilterItem>>([
  {
    label: '事件名称：',
    prop: 'eventName',
    type: 'input',
    defaultValue: '',
    span: 6,
    inputProps: {
      clearable: true,
      placeholder: '模糊搜索'
    }
  },
  {
    label: '发生时间：',
    prop: 'date',
    type: 'datePicker',
    defaultValue: [],
    span: 10,
    inputProps: {
      type: 'datetimerange',
      format: 'YYYY-MM-DD HH:mm:ss',
      'value-format': 'YYYY-MM-DD HH:mm:ss',
      'start-placeholder': '开始时间',
      'end-placeholder': '结束时间',
      'range-separator': '~',
      defaultTime: [
        new Date(2000, 1, 1, 0, 0, 0),
        new Date(2000, 2, 1, 23, 59, 59),
      ],
    },
  },
  {
    label: '事件类型：',
    prop: 'eventTypeIds',
    type: 'select',
    span: 6,
    multiple:true,
    inputProps: {
      collapseTags: true,
      clearable:true,
      options: []
    },
    events: {
      change: (value: any, evt: any) => {}
    }
  },
])
